*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
  }

  //主体
  .top{
    padding-top: 20px;
  
    .top-title{
        margin-left: 20px;
        margin-bottom: 20px;
        background-color:#fafafa ;
    }
    ul{
        padding-top: 30px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        padding-bottom: 50px;
       
        li{
            margin-left: 50px;
            margin-top: 40px;
        }
        .first-li{

            .el-input{
                width: 280px;
                margin-left: 10px;
                margin-right: 30px;
            }
        }
        .second-li{
            .el-input{
                width: 345px;
                margin-left: 10px;
            
            }
        }
        .third-li{
            margin-left: 35px;
            .el-input{
                width: 280px;
                margin-left: 10px;
                margin-right: 30px;
            }
        }
    }
   
  }
  .main{
    padding-top: 20px;
    height: 540px;
    .main-title{
        margin-left: 20px;
        padding-bottom: 20px;
        background-color:#fafafa ;
    }
    .picture{
        display: flex;
        align-items: center;
        flex-direction: column;
        img{
            width: 336px;
            height: 232px;
            margin-bottom: 30px;
      
        }
        }
       
    }

  .footer{
    font-size: 14px;
    color: rgb(186, 192, 205);
    text-align: center;
    padding-bottom: 20px;
    background-color: rgb(243, 244, 247);
    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 100%;
    padding-top: 20px;
  }  
  